﻿.container{overflow: hidden;padding-top:20px;padding-bottom:30px;}
.no_gutter{
	padding:0;
}
.jmtq{font-family:"微软雅黑"; width:100%; float:left;}
.tqyb{color:#FFFFFF; font-family:"微软雅黑"; width:100%; float:left; background:url(../images/back.jpg) no-repeat top center; background-size:100% 100%;}
.back{width:94%; margin:0 3%; float:left; height:40px;text-align:right; font-size:14px; line-height:40px; font-family:"黑体"; color:#FFFFFF;}
.dq_tq{width:100%; float:left;}
.dq_tq .num{font-family:"黑体";font-size:640%; min-width:50%; position:relative; color:#fff; float:left; text-align:right; margin-left:3%;}
.tl_xx{float:left; position:relative; margin-top:15px; margin-left:2%;}
.tl_xx ul li{color:#fff; line-height:20px; font-size:14px; font-family:"微软雅黑"; overflow:hidden; width:100%; text-align:left;}
.tl_xx ul li span{float:right;}
.tl_xx ul li img{height:50px;}
.dushu{width:94%; margin:0 3%; float:left; position:relative;}
.tm_dushu{width:100%; background:#000; opacity:0.1;}
.line_h{width:100%; position:absolute; top:50%; left:0; background:#000; opacity:0.2; height:1px;}
.line_s1{height:100%; background:#000; opacity:0.2; left:33.33%; top:0; position:absolute; width:1px;}
.line_s2{height:100%; background:#000; opacity:0.2; left:66.66%; top:0; position:absolute; width:1px;}
.dushu ul{position:absolute; top:0; width:100%; float:left;}
.dushu ul li{float:left; text-align:center; width:33.33%}
.dushu ul li img{margin-top:20%;}
.dushu ul li p{height:25%; width:100%; font-family:"黑体"; font-size:14px;}
.dushu ul li p.p1{font-size:16px;}
.dushu ul li p.p2{font-size:12px;}
.yj{float:left; width:94%; margin:10px 3%;}
.tu{width:30%; float:left; position:relative;}
.tu_2{margin:0 5%;}
.tu ul .tm_tu{background:#000000; opacity:0.1; width:100%; height:45px; float:right; border-radius:5px;}
.tu ul .tm_nr{width:100%; text-align:center; float:right; position:absolute; top:0; font-size:14px; line-height:30px; color:#FFFFFF; z-index:1;}
.tu ul .tm_nr .yj_zl{float:none; font-size:14px;}
.color_yj{width:96%; height:6px; margin:5px auto 0; border-radius:1em; display:none;}
.yj_b{background:#0000ff;}
.yj_y{background:#fefb00;}
.yj_o{background:#ffa900;}
.yj_r{background:#ff0000;}
.title_3{width:100%; position:relative; float:left;}
.tm_title{height:40px; background:#FFF; opacity:0.25; width:100%;}
.title_3 h1{position:absolute; top:0; height:40px; line-height:40px; width:94%; margin:0 3%; text-align:left; font-family:"黑体"; font-size:18px;}
.title_3 h1 span{float:right; font-size:12px;}
.sun{float:left; position:relative; width:90%; margin:20px 5% 40px;}
.sun img{width:100%;}
.sun ul{position:absolute; bottom:-9%; right:48.5%; width:68.5%; height:100%;}
.sun ul li{position:absolute; width:8%;}
.sun ul li.sun_1{bottom:0%; right:50%}
.sun ul li.sun_2{bottom:15%; right:48%;}
.sun ul li.sun_3{bottom:30%; right:44%;}
.sun ul li.sun_4{bottom:45%; right:37%;}
.sun ul li.sun_5{bottom:60%; right:29%;}
.sun ul li.sun_6{bottom:75%; right:15%;}
.sun ul li.sun_7{bottom:80%; right:0%;}
.sun ul li.sun_8{bottom:75%; right:-19%;}
.sun ul li.sun_9{bottom:60%; right:-34%;}
.sun ul li.sun_10{bottom:45%; right:-42%;}
.sun ul li.sun_11{bottom:30%; right:-47%;}
.sun ul li.sun_12{bottom:15%; right:-51%;}
.sun ul li.sun_13{bottom:0%; right:-53%;}
.sun ul li img{width:100%;}
.morning{position:absolute; left:0; bottom:-30px; color:#fff; font-family:"黑体"; font-size:16px;}
.night{position:absolute; right:0; bottom:-30px; color:#fff; font-family:"黑体"; font-size:16px;}
.baise{position:relative; overflow-x: auto;overflow-y: hidden;clear: both;}
.baise ul{width:100%; overflow:hidden; margin-top:0px;}
.baise ul li{text-align:center; color:#Fff; font-size:14px; font-family:"微软雅黑"; width:16.666%; float:left; line-height:20px;}
.baise ul .now{opacity:1;}
.tm_zt{background:#000; opacity:0.1; margin-top:1px;}
.yzyb_k{width:100%; float:left; position:relative; margin-top:20px;}
.yzyb{width:100%; float:left; position:relative;}
.tm_h1{background:#000; opacity:0.1; width:100%; height:40px;}
.yzyb h1{height:40px; line-height:40px;font-family:"Adobe 黑体 Std R"; font-weight:bold; font-size:16px; padding-left:3%; color:#FFFFFF; position:absolute; top:0; width:97%;}
.baise{position:relative;overflow-x: auto;overflow-y: hidden;clear: both;}
.baise .baise_top{position:relative; width:100%; z-index:4; height:30px; margin-top: 10px;}
.baise .baise_top_bg{background:#fff; opacity:0.15; position:absolute; width:100%; z-index:4; height:30px;}
.baise .baise_top ul li{position:relative; z-index:99; float:left; width:20%; text-align:center; opacity: 1; line-height:30px; color:#ffffff; font-size:14px; font-family:"微软雅黑";}
.baise .baise_bottom{width: 100%; height: 30px; float: left;}
.baise .baise_bottom_bg{background:#fff; opacity:0.15; position:absolute; width:100%; z-index: 4;height:30px;}
.baise .baise_bottom ul li{position:relative; z-index:99; float:left; width:20%; text-align:center; opacity: 1;line-height:30px; color:#ffffff; font-size:14px; font-family:"微软雅黑";}
.baise .forecast{ position:relative; z-index:}
.baise .forecast ul{float:left; width:100%;}
.baise .forecast ul li{width:20%; float:left;text-align: center;}
.baise .forecast ul li .column{position: relative; margin:0px 0px 20px; font-weight: lighter; font-size: 12px;}
.baise .forecast ul li .column .line{background-color:#fff; width:8px; border-radius:24px; position:relative; left:50%; margin-left:-7px;}
.baise .forecast ul li img{width:30px;}
.baise .forecast ul li.yesterday{opacity:0.5;}
.baise .top-climate{color:#fff; font-size:16px; font-family:"微软雅黑"; line-height: 30px; vertical-align: top;}
.baise .top{margin-bottom:230px;}
.baise .top-climate span{margin-left:5px;}
.baise .fengxiang{width:100%; float:left; margin-bottom:10px;}
.baise .fengxiang ul li{color:#ffffff; font-size:14px;}
.weather{width:100%; float:left;}
.weather ul{ position:relative;}
.weather ul li{float:left;}
.weather ul li div{border-radius:50%; width:8px; height:8px; position:relative; z-index:1;}
.weather ul.top_zx li div{background:#fff;}
.weather ul.bottom_zx li div{background:#fff;}
.zx{position:absolute; top:4px; opacity:0.8;}
.zxt{position:absolute; top:0;}
/**********雷达、卫星云图***********/
#slideshow{text-align:center;max-width:100%; position:relative; float:left;}
#slideshow img{float:left;}
#pre{width:30%;}
.play_btn{width:100%; position:absolute; bottom:-50px; height:50px; line-height:50px;}
.tm{width:100%; height:50px; background-color:#000; opacity:0.65;}
.play {width:100%;margin:70px 0 0; float:left;}
.play span{display:block; float:left;color:#000; font-size:18px; width:20%; text-align:center;}
.play span.se{color:#ff0000;}
.text{width:100%;}
.text span{width:16.5%; height:40px; line-height:40px;}
#playbutton {width:26px;height:26px;margin:0 auto;background-repeat:no-repeat;background-size:cover; float:left; position:absolute;bottom:12px; left:6%;}
.progress{width:70%; margin-left:5%; text-align:left; height:5px; background:#9ea1a6; border-radius:5px; position:absolute; bottom:0; left:10%;}
.progressfill{width:8.8%; text-align:left; height:5px; background:#00B7FF; border-radius:5px;}
.fgx{width:2px; position:absolute; top:0; height:50px; left:12%;}
.fgx img{height:100%;}
#slideshow .progressfill img{float:right; width:15px; height:15px; margin-top:-5px; margin-right:-8px;}
.play_btn .zting{background:url(../images/playbtn.png) no-repeat;}
.play_btn .playing{background:url(../images/stopbtn.png) no-repeat;}
.fgxr{  width: 2px;  position: absolute;  top: 0;  height: 50px;right: 12%;}
#offbutton { width: 26px;height: 26px; margin: 0 auto;background-repeat: no-repeat;background-size: cover;float: left;position: absolute;bottom: 12px;right: 2%;}
.play_btn .rting{ background: url(../images/dw05.png) no-repeat;}
.city .dw{width:30%; float:left}
.city .dw span img{width:15%; vertical-align: bottom; margin-right: 2px; float: left;}
.city .now{width:17%; float:right;}
.city .now span img{width:32%; vertical-align: baseline; margin-right: 2px; float: left;}
.city {width: 96%;padding: 12px 2%;float: left;color: #7e7e7e;font-size: 1.25em;line-height: 24px;}
 .fgxr  img{ height:100% }
 .city_ss_div{ width:100%; margin:0 auto; background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0; height: 135%; float: left;position: absolute;  top: 0;  z-index: 5;}
.city_ss_div .city_ss_top{ width:96%; padding:12px 2%; float: left; border-bottom:1px solid #fff; margin-bottom: 20px;}
.city_ss_div .city_ss_top p{ width:90%; line-height: 36px; float:left; font-size:1.25em; color:#fff; opacity:0.6; text-align:center;}
.city_ss_div .city_ss_top span img{ width:8%; float:right; display:block}

.city_ss_div ul{ width:94%; margin:0px 3%; float:left; border:1px solid #737373; border-radius:5px; }
.city_ss_div ul li{ width:24.7%; float:left; border-right:1px solid #474747; border-bottom:1px solid #474747; text-align:center; color:#fff; opacity:0.6; font-size:1.05em; height:38px; line-height:38px;}
.city_ss_div ul li.no_border{ width:24.9%; border-right:0px;}
.city_ss_div ul li.no-bottom{ border-bottom:0px;}
.cont{ width:100%;float: left;  position: relative;}
.biggpic{margin-left: 45%;margin-top: -40%;width:20%;}
.bigkpic{margin-left: 45%;margin-top: -40%;width:20%;display:none;}
